<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="use_tutorials.css">
</head>
<body>
<div class="all">
    <div class="top clearfix">

            <div class="top_left fl">
            </div>

            <div class="top_right fr">
                <a href="#" class="fr">完美刻官网</a>
                <a href="#" class="right_1 fr">精彩文章</a>
                <a href="#" class="fr">常见问题</a>
                <a href="#" class="fr">使用教程</a>
                <a href="#" class="fr">首页</a>
            </div>

        </div>

    <div class="header clearfix">
        <div class="header_left fl">

            <div class="catalog"><a class="home" href="#"> HOME </a> / <span>使用教程目录</span></div>

            <h3 class="left_1">使用教程目录</h3>

            <ul class="u_1">
                <h3>1.创建视频</h3>
                <li>如何选择模板？</li>
                <li>如何创建视频？</li>
            </ul>

            <ul  class="u_2">
                <h3>2.编辑视频</h3>
                <li>如何添加素材？</li>
                <li>如何将素材排序？</li>
                <li>如何编辑图片素材？</li>
                <li>如何编辑视频素材？</li>
                <li>如何编辑文字素材？</li>
                <li>如何设置片头片尾？</li>
                <li>如何设置音乐？</li>
                <li>如何添加多条音乐？</li>
            </ul>

            <ul  class="u_3">
                <h3>3.生成视频</h3>
                <li>如何预览成片？</li>
                <li>如何制作分享版成片？</li>
                <li>如何制作付费版成片？</li>
            </ul>

            <ul  class="u_4">
                <h3>4.其他设置</h3>
                <li>如何设置基本资料？</li>
                <li>如何修改分享设置？</li>
                <li>如何付费充值？</li>
                <li>如何修改视频信息？</li>
            </ul>

            <ul  class="u_5">
                <h3>5.计费说明</h3>
                <li>如何查看固定模板的计费说明？</li>
                <li>如何查看自由模板计费说明？</li>
            </ul>

            <div class="comment">
                <h3>发表评论</h3>
                <p>电子邮件地址不会被公开。</p>

                <div class="form">
                    <form action="#" method="post">
                    <textarea cols="60" rows="10" required></textarea>
                    <br/>
                        <div class="d1_">
                    <label for="d1">姓名</label>
                    <input type="text" id="d1" required/>
                        </div>
                        <div class="d2_">
                    <label for="d2">电子邮件</label>
                    <input type="email" id="d2" required/>
                        </div>
                        <div class="d3_">
                    <label for="d3">站点</label>
                    <input type="text" id="d3" required/>
                        </div>
                        <div class="d4_">
                    <input type="button" value="发表评论" id="d4"/>

                        </div>
                    </form>
                </div>
                <p>This site uses Akismet to reduce spam. <a href="#"> Learn how your comment data is processed.</a></p>
                </div>
            </div>


        <div class="header_right fl">
            <h3 class="right_">搜索</h3>

            <div class="right_form">
                <span class="sousuo"></span>
                <input />
            </div>

            <ul class="u_r1">
                <h3>问题分类</h3>
                <li>上传问题</li>
                <li>下载问题</li>
                <li>会员问题</li>
                <li>使用教程</li>
                <li>其他问题</li>
                <li>支付问题</li>
                <li>编辑问题</li>
                <li>音乐问题</li>
                <li>预览保存</li>
            </ul>

            <ul class="u_r2">
                <h3>热门问题</h3>
                <li>使用教程目录？</li>
                <li>制作视频如何收费？</li>
                <li>如何设置音乐？</li>
                <li>如何下载视频？</li>
                <li>如何获得折扣优惠？</li>
            </ul>

            <ul class="u_r3">
                <h3>相关问题</h3>
                <li>如何编辑视频素材？</li>
                <li>制作视频如何收费？</li>
                <li>会员问题添加素材遇到的问题？</li>
                <li>如何编辑文字素材？</li>
                <li>如何付费充值？</li>
            </ul>
        </div>
    </div>
</div>
    <div class="introduce">
        <div class="introduce_1">
            <div><em>完美刻是一款在线视频制作软件，无需下载客户端，无需专业视频制作知识，仅需上传照片和视<br/>
                频，即可快速制作精美视频，如婚礼视频、宝宝成长记录、企业宣传片、生日祝福，以及同学聚<br/>
                会、求婚表白、毕业、旅行视频等</em></div>
            <span></span>
        </div>
    </div>

    <div class="yewei">
        <div class="ye_ clearfix">
            <div class="wei_1 fl">
                <ul>
                    <h3>问题分类</h3>
                    <li>上传问题<span></span></li>
                    <li>下载问题<span></span></li>
                    <li>会员问题<span></span></li>
                    <li>使用教程<span></span></li>
                    <li>其他问题<span></span></li>
                    <li>支付问题<span></span></li>
                    <li>编辑问题<span></span></li>
                    <li>音乐问题<span></span></li>
                    <li>预览保存<span></span></li>
                </ul>
            </div>

            <div class="wei_2 fl">
                <ul>
                    <h3>视频模板</h3>
                    <li>夺目视频制作</li>
                    <li>婚礼视频</li>
                    <li>宝宝成长</li>
                    <li>企业宣传</li>
                    <li>更多分类</li>
                </ul>
            </div>

            <div class="wei_3 fl">
                <ul>
                    <h3>最新文章</h3>
                    <li>亲手制作一支MV，感谢她漫漫岁月中为你长出的白发！</li>
                    <li>情人节又双叒叕来啦，用视频告“白”拨动ta的心！</li>
                    <li>女神节，制作视频给你的女神一个甜蜜的惊喜吧！</li>
                    <li>情人节最强脱单攻略，表白视频帮你搞定TA！</li>
                    <li>完美刻给您拜年了，快来做个年味十足的拜年视频吧！</li>
                </ul>
            </div>

        </div>

        <div class="copyright">&copy;Copyright 2014-2017 北京百思科技有限公司 保留所有权利 京ICP备17024319号-1</div>
    </div>


</div>
</body>
</html>